@charset "utf-8";
/* header */
.header{position: relative;}
.header-t{height: 38px; line-height: 38px; font-size: 14px; color: #fff; background: #355e92;}
.header-t a{color: #fff;}
.header-t-l{float: left;}
.header-t-l .header-iconMenu{float: left;}
.header-t .lineSep{position: relative; margin-left: 15px; padding-left: 15px;}
.header-t .lineSep>a{margin-left: 0;}
.header-t .lineSep:before{content:''; position: absolute; width: 1px; height: 12px; left: 0; top: 50%; margin-top: -6px; background: #fff; opacity: 0.4;}
.header-date{float: left;}
/* .header-weather{float: left; width: 350px; height: 38px; overflow: hidden;} */
.header-iconMenu{float: right; position: relative; z-index: 20;}
.header-iconMenu li{float: left;}
.header-iconMenu li.li-icon a{padding-left: 25px; background-repeat: no-repeat; background-position: 0 center;}
.header-iconMenu li a{display: inline-block; margin-left: 18px;}
.header-iconMenu .user a{background-image: url(../images/header_icon_user.png);}
.header-iconMenu .wzdt a{background-image: url(../images/header_icon_wzdt.png);}
.header-iconMenu .quit a{background-image: url(../images/header_icon_quit.png);}
.header-iconMenu .wza a{background-image: url(../images/header_icon_wza.png);}
.header-iconMenu .older a{background-image: url(../images/header_icon_older.png);}
.header-iconMenu .znwd a{background-image: url(../images/header_icon_znwd.png)}
.header-iconMenu a:hover{opacity: 0.8;}
.header-iconMenu .li{float:left;}
.header-iconMenu .fan a{margin-left: 10px;}
.header-iconMenu .lang a{display: inline-block; width: 23px; height: 23px; line-height: 23px; text-align: center; border:transparent 1px solid; cursor: pointer;}
.header-iconMenu .lang.on a{border-color:#fff;}
.header-iconMenu .lang.on a:hover{opacity: 1;}
.header-choose-btn{display:none;}

.header-banner{height: 194px; background: url(../images/header_baner.jpg) no-repeat center bottom #f2f7fb;}
.header-banner .container{position: relative; height: 100%;}
.header-logo{position: absolute; top: 0; left:0; right: 0; margin-top: -38px;}
.header-emblems{width: 514px;  margin:0 auto; padding:2px 0 20px; background: url(../images/logo_red.png) no-repeat center top; overflow: hidden;}
.header-emblems img{display: block; margin: 0 auto;}
.header-logo h1{font-size:1em; text-align: center; letter-spacing: 2px;}
.header-logo h1 strong{display: block; padding:2px 0 10px; font-size:3.5em; color: #b20000; line-height: 1.1;}
.header-logo h1 em{display: block; font-size:1.5em; color: #8b8b8b; font-style: normal; font-weight: normal;}

.header-search{ position:absolute; top:100%; right:0; z-index: 5; padding:0 52px 0 0; margin-top: 10px; background: #fff; border:#5e7fa8 1px solid; overflow: hidden; border-radius: 22px;}
.header-search .s-txt{width:168px; height:44px; padding-left:20px;  line-height:44px; border:0; color: #666666; background: none;}
.header-search .s-btn{ position:absolute; top: 0; right: 0; width:55px; height:44px; border:0; cursor:pointer; background:url(../images/header_icon_search.png) no-repeat center center; -webkit-appearance:none; transition: all .3s; -webkit-transition: all .3s;}
.header-search .s-btn:hover{filter:alpha(opacity=80); -moz-opacity: 0.8; opacity:0.8;}

.header-mainNav{height: 64px; background: #fff; border-bottom: 4px solid #355e92;}
.mainNav{position:relative;}
.mainNav li{float: left; margin-right: 26px;}
.mainNav li a{display:block; position: relative; font-size: 1.375em; text-align:center; color: #335e92; }
.mainNav li a:before{content:''; display: inline-block; width: 40px; height: 40px; margin: 12px 8px 12px 0; background-repeat: no-repeat; background-position: 0 0; vertical-align: middle; transition: .3s all;}
.mainNav li.nav0 a:before{background-image: url(../images/mainnav_icon_index.png);}
.mainNav li.nav1 a:before{background-image: url(../images/mainnav_icon_xwzx.png);}
.mainNav li.nav2 a:before{background-image: url(../images/mainnav_icon_mljr.png);}
.mainNav li.nav3 a:before{background-image: url(../images/mainnav_icon_zwgk.png);}
.mainNav li.nav4 a:before{background-image: url(../images/mainnav_icon_zwfw.png);}
.mainNav li.nav5 a:before{background-image: url(../images/mainnav_icon_gzcy.png);}
.mainNav li.nav6 a:before{background-image: url(../images/mainnav_icon_zfjg.png);}
.mainNav li a span{display: inline-block; line-height: 40px; vertical-align: middle; }
.mainNav li a:after{content: ''; position: absolute; width: 0; height: 4px; left: 0; bottom: -4px; background: #dd4f41;}
.mainNav li a:hover, .mainNav li.on a{color:#dd4c3f;}
.mainNav li a:hover:before, .mainNav li.on a:before{background-position: 0 -40px;}
.mainNav li a:hover:after, .mainNav li.on a:after{width: 100%;}


/*responsive*/
@media (max-width: 1480px) {
	.header-mainNav .container{position: static;}
	.header-banner{height: auto !important;}
	.header-search, .header-search .s-txt{box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
	.header-search{width:620px; max-width: 100%; position:relative; top: auto; margin:200px auto 20px;}
	.header-search .s-txt{width: 100%;}
	
	.header-mainNav{height: auto; border-bottom: none; padding:12px 0; background: #355e92;}
	.header-mainNav .container{padding-left: 0; padding-right: 0;}
	.mainNav li{margin-right: 0;}
	.mainNav-ul-7 li{width: 14.2857%;}
	.mainNav li a{color: #fff;}
	.mainNav li a:before{display: none;}
	.mainNav li a span{padding:8px 0; line-height:20px;}
	.mainNav li{position:relative;}
	.mainNav li a:before{display: none;}
	.mainNav li:after{content:""; width:1px; height:16px; background:#fff; position:absolute; top:50%; margin-top:-8px; right:0; filter:alpha(opacity=20); -moz-opacity:0.2; opacity:0.2;}
	.mainNav li:last-child:after{display: none;}
	.mainNav li a:hover, .mainNav li.on a{color: #fff; font-weight: bold;}
	.mainNav li a:after{display: none;}
}

@media (max-width: 1200px) {
	.header-iconMenu .wza{display: none;}
}

@media (max-width: 992px) {
	.header-t .container{padding-left: 0; padding-right: 0;}
	.header-search{margin-top: 10px !important;}
	.header-logo{position: static; left: 0; top: 0; margin-left: 0; margin-top: 0; padding: 25px 0 30px;}
	.header-emblems{width:auto; padding-bottom: 10px; background: none;}
	
}


/* xs mobile*/
@media (max-width: 768px) {
	.mainNav.mainNav-ul-7 li{width:25%;}
	.mainNav.mainNav-ul-7 li.nav0{height:68px;}
	.mainNav.mainNav-ul-7 li.nav0 a{ line-height:68px;}
	.mainNav.mainNav-ul-7 li:nth-child(7):after{display: none;}

	.header-iconMenu-alwaysShow{position: absolute; right:58px ;}
	.mobile-header-iconMenu{position:absolute; top:38px; left:0; width:100%; z-index:999; background:#fff; background: rgba(255,255,255, .95); box-shadow:0 0 15px rgba(0,0,0,.2); border: none;}
	.mobile-header-iconMenu .li{float: none;}
	.mobile-header-iconMenu li{float:none; display: block; border-bottom:1px solid rgba(225,225,225,.3);}
	.mobile-header-iconMenu li.split{display:none;}
	.mobile-header-iconMenu li a{padding-left: 0 !important; color:#333; background: none !important;}
	.mobile-header-iconMenu li a:hover{color:#4292f3;}
	.mobile-header-iconMenu li img{display:none;}
	.mobile-header-iconMenu li font{display:inline-block;}
	#header-choose-toggle{opacity:0; max-height:0; overflow:hidden;}
	#header-choose-toggle.header-choose-menu-m{opacity:100; max-height:205px; transition:all .5s; }

	.header-choose-btn{position:absolute; top:11px; right:10px; z-index:9; display:block;}
	.header-choose-btn div{position:relative; width:28px; height:18px; cursor:pointer;}
	.header-choose-btn span{display:block; position:absolute; left:0; width:100%; height:20%; background:#fff; transition:all .3s; -webkit-transform:translateY(-50%);  -ms-transform:translateY(-50%); transform:translateY(-50%);}
	.header-choose-btn span:nth-child(1){top:0;}
	.header-choose-btn span:nth-child(2){top:50%;}
	.header-choose-btn span:nth-child(3){top:100%;}
	.header-choose-opened .header-choose-btn span:nth-child(1){
			top: 50%;
			-webkit-transform: translateY(-50%) rotate(-45deg);
			-ms-transform: translateY(-50%) rotate(-45deg);
			transform: translateY(-50%) rotate(-45deg);
	}
	.header-choose-opened .header-choose-btn span:nth-child(2) {
			-webkit-transform: translateY(-50%) scaleX(0);
			-ms-transform: translateY(-50%) scaleX(0);
			transform: translateY(-50%) scaleX(0);
	}
	.header-choose-opened .header-choose-btn span:nth-child(3) {
			top: 50%;
			bottom: auto;
			-webkit-transform: translateY(-50%) rotate(45deg);
			-ms-transform: translateY(-50%) rotate(45deg);
			transform: translateY(-50%) rotate(45deg);
	}		
	.header-iconMenu .lang a{border:none; width:auto; height: auto; line-height: normal;}
	.header-iconMenu .fan a{margin-left: 18px;}
	.header-iconMenu .lang.on a{color: #dd4c3f; font-weight: bold;}
	
}



@media (max-width: 640px) {
	.header-logo{padding: 30px 0;}
	.header-logo img{max-width: 90%;}
	.header-logo h1 strong{font-size:3em;}
}

@media (max-width: 480px) {
	.header-banner{background-size: 400% auto; background-position: left bottom;}
	.mainNav li a{font-size: 1.25em;}
}

@media (max-width: 375px) {
	.mainNav li a{font-size: 1.125em;}
}

@media (max-width: 360px) {
	.header-logo h1 strong{font-size: 2.6em;}
}